<template>
  <div class="container">
    <div class="xqct" :class="this.$route.query.name==71?'close':''" @click="kzdqfc2">
      <section class="xqct1" >
        <div class="ct">
          <p class="dyh"><span>当前位置</span> : <a href="/">首页</a> > <span>{{title.xqdata.twoServiceRes.servicename}}</span></p>
          <div class="ct2 af" >
            <div class="left qgzr">
              <h4><em>【求购】</em>其他行业/2年及以上/小规模/四川省成都<span>发布时间：2020-03-32</span></h4>
              <ul class="qgnrs">
                <li>
                  <h5>求购编码</h5>
                  <p>Q202004060011</p>
                </li>
                <li>
                  <h5>注册资本</h5>
                  <p>100万以上人民币</p>
                </li>
                <li>
                  <h5>今日浏览量</h5>
                  <p>44人</p>
                </li>
              </ul>

            </div>
            <div class="right">
              <h4>免费回电</h4>
              <p class="p1">
                <input placeholder="您的名字" id="name" v-model="username" type="text"/>
              </p>
              <p class="p2">
                <input placeholder="电话" id="iphone" v-model="telphone" type="text"/>
              </p>
              <p class="xqms" style="width: 260px;margin: 10px auto; border: 1px solid #eee">
                <textarea style="height:90px; line-height: 30px;border: none;background: none;display: block;width: 240px;text-indent: 10px;padding: 0 10px;resize:none" placeholder="详情描述:" v-model="xiangqingms"></textarea>
              </p>
              <a href="javascript:;" @click="tjbd()">立即提交</a>
            </div>
          </div>
        </div>
      </section>
      <section class="fwjy">
        <h4>服务精英推荐</h4>
        <ul class="gjs af" style="height: 160px;display: flex" :style="title.gj.length>5?'display:none':''">
          <li class="af"  v-for="(gj,id) in title.gj" :key="id" :class="id>4?[gj2,'li2']:[gj1,'li1']"><img :src="'https://exam.zhonghaiqihang.com/'+gj.servicedetailsavatar" width="86px" height="86px" style="float: left;margin-right: 11px">
            <div class="rt">
              <h5>{{gj.username}}</h5>
              <p>电话: {{gj.mobile}}</p>
              <a :href="gj.cclink" target="_blank">立即咨询</a>
            </div>
          </li>
        </ul>
        <div v-swiper:mySwiper="swiperOption" style="height: 160px" :style="title.gj.length<=5?'display:none':''">
          <ul class="gjs swiper-wrapper" style="height: 200px" :style="title.gj.length<=5?'display:none':''">
            <li class="af swiper-slide"  v-for="(gj,id) in title.gj" :key="id" :class="id>4?[gj2,'li2']:[gj1,'li1']"><img :src="'https://exam.zhonghaiqihang.com/'+gj.servicedetailsavatar" width="86px" height="86px">
              <div class="rt">
                <h5>{{gj.username}}</h5>
                <p>电话: {{gj.mobile}}</p>
                <a :href="gj.cclink" target="_blank">立即咨询</a>
              </div>
            </li>
          </ul>
        </div>
        <div class="qhgj" :style="title.gj.length<=5?'display:none':''"><a href="javascript:;" class="a1 select" @click="mySwiper.slidePrev(200,xqbg('a1'))"></a><a href="javascript:;" class="a2"  @click="mySwiper.slideNext(200,xqbg('a2'))"></a></div>
      </section>
      <section class="af cont">
        <div class="left">
          <div class="topnav"><a href="#fwjs1" class="select">服务介绍</a></div>
          <div class="gsqgdiv">
            <h4>基本信息</h4>
            <ul class="xxs">
              <li class="xx af">
                <h5 class="lf">公司信息</h5>
                <ul class="rt">
                  <li>
                    <h6>注册资本</h6>
                    <p>100万以上人民币</p>
                  </li>
                  <li>
                    <h6>注册区域</h6>
                    <p>湖北省荆州</p>
                  </li>
                  <li>
                    <h6>公司行业</h6>
                    <p>电子贸易</p>
                  </li>
                  <li class="last">
                    <h6>成立日期</h6>
                    <p>1年及以上</p>
                  </li>
                </ul>
              </li>
              <li class="xx af">
                <h5 class="lf">税务信息</h5>
                <ul class="rt">
                  <li>
                    <h6>纳税类型</h6>
                    <p>小规模</p>
                  </li>
                  <li>
                    <h6>发票信息</h6>
                    <p>未领过发票</p>
                  </li>
                </ul>
              </li>
              <li class="xx af">
                <h5 class="lf">银行信息</h5>
                <ul class="rt">
                  <li>
                    <h6>纳税类型</h6>
                    <p>小规模</p>
                  </li>
                  <li>
                    <h6>发票信息</h6>
                    <p>未领过发票</p>
                  </li>
                </ul>
              </li>
              <li class="xx last af">
                <h5 class="lf">其他信息</h5>
                <ul class="rt">
                  <li>
                    <h6>备注</h6>
                    <p>xxxxxxxxxxxxxxxxxxxxx</p>
                  </li>
                </ul>
              </li>
            </ul>
            <img src="~/assets/img/gjqygs.png" width="836" height="209px" class="gjgsimg">
            <div class="gjgss">
              <li><span>01</span>本平台提供信息真实可靠，信息均来源国家企业信用信息公示系统。</li>
              <li><span>02</span>审核内容均按以上信息为准。</li>
              <li><span>03</span>实际未涉及信息无法考量，如您因其他信息而蒙受损失与本平台无关，请联系客服人员，进行反馈。</li>
            </div>
            <h4>公司求购流程</h4>
            <div class="gsqglc">
            </div>
            <h4>为什么选择企业邦</h4>
            <div class="xyzbcl">
            </div>
            <p class="js">通过整合线下资源及搭建网上系统，企业邦提供专业服务，且签订保障协议。</p>




          </div>
        </div>
        <div class="right">
          <h4>热门服务</h4>
          <ul class="af">
            <li v-for="(data,id) in title.rmfw" :key="id" :class="[(id+1)%2==0?'li2':'li1']" @click="xqymtz(data.id,data.pid>=data.id?data.pid:data.id)" style="cursor: pointer">
              <img :src="'https://exam.zhonghaiqihang.com/'+data.sixiconimg" width="35" height="35" >
              <h5>{{data.servicename}}</h5>
              <p>{{data.remark}}</p>
            </li>
          </ul>
        </div>
      </section>
      <section class="sc zssc7 rssb7">
        <div class="ct">
          <ul class="af">
            <li class="li1"><img src="~/assets/img/zssc71.png" width="87" height="87">
              <div>
                <h4>快速响应</h4>
                <p>第一时间响应您的需求</p>
              </div>
            </li>
            <li class="li1"><img src="~/assets/img/zssc72.png" width="87" height="87">
              <div>
                <h4>信息安全</h4>
                <p>保护客户信息安全</p>
              </div>
            </li>
            <li class="li1"><img src="~/assets/img/zssc73.png" width="87" height="87">
              <div>
                <h4>进度掌握</h4>
                <p>服务全程进行跟进 </p>
              </div>
            </li>
            <li class="li1"><img src="~/assets/img/zssc74.png" width="87" height="87">
              <div>
                <h4>专属服务</h4>
                <p>专业顾问全程一对一<br/>服务</p>
              </div>
            </li>
            <li class="li6 last"><img src="~/assets/img/zssc75.png" width="87" height="87">
              <div>
                <h4>提供售后</h4>
                <p>服务问题及时解决并<br/>反馈</p>
              </div>
            </li>
          </ul>
        </div>
      </section>
    </div>
    <div class="mfsbcx" :class="this.$route.query.name==71?'select':''">
      <div class="mfsb1">
        <h3>与国家商标局数据库同步，免费查询商标</h3>
        <p class="p1">已有<span>3500+</span>个企业进行商标查询</p>
        <div class="ssk" @click="tctcff">
          （请输入商标名称 中午、英文、数字均可，例如：耐克）
          <!--<p class="left"></p><a href="" class="rt"></a>-->
        </div>
        <p class="xx">信息保护中，请放心填写</p>
      </div>
      <div class="mfsb2">
        <h3>这些专业商标顾问已为1000+用户提供商标保护方案</h3>
      </div>
      <div class="mfsb3">
        <h3>3种注册方式随心选，不花一分冤枉钱</h3>
        <ul class="af">
          <li class="li1">
            <h4>普通商标注册</h4>
            <p class="p2">980元</p>
            <p class="p3">（含300元官费）</p>
            <p class="p4">3个工作日内提交<br/>网上申报<br/>次日拿到申请号</p>
            <a href="javascript:;">立即咨询</a></li>
          <li class="li2">
            <h4>担保商标注册</h4>
            <p class="p2">1980元</p>
            <p class="p3">（含300元官费）</p>
            <p class="p4">不通过，退全部官费+代理费<br/>3重注册风险严格审核<br/>工作日5小时内快速提交</p>
            <a href="javascript:;">立即咨询</a></li>
          <li class="li3">
            <h4>快速商标注册</h4>
            <p class="p2">1180元</p>
            <p class="p3">（含300元官费）</p>
            <p class="p4">工作日5小时内提交<br/>网上申报<br/>次日拿到申请号</p>
            <a href="javascript:;">立即咨询</a></li>
        </ul>
      </div>
      <div class="mfsb4">
        <h3>在线商标注册平台，全新方式和您一起保护品牌</h3>
        <ul class="af">
          <li class="li1">
            <div class="lf"></div>
            <div class="rt">
              <h4>服务明码标价</h4>
              <p>服务明码标价，无任何隐形消费</p>
            </div>
          </li>
          <li class="li2">
            <div class="lf"></div>
            <div class="rt">
              <h4>商标保护方案</h4>
              <p>综合国家商标局大数据和10年+行业注册经验，<br/>个性化定制商标保护方案 </p>
            </div>
          </li>
          <li class="li3">
            <div class="lf"></div>
            <div class="rt">
              <h4>申请当天提交</h4>
              <p>快速申报，最快当天提交至商标局，次日拿到申<br/>请号和电子回执 </p>
            </div>
          </li>
          <li class="li4">
            <div class="lf"></div>
            <div class="rt">
              <h4>进度实时通知  </h4>
              <p>办理进度实时通知，商标注册进度一手掌握</p>
            </div>
          </li>
          <li class="li1">
            <div class="lf"></div>
            <div class="rt">
              <h4>合同发票 </h4>
              <p>所有商标注册均签合同、开发票重要证件顺丰包<br/>邮，快捷安全 </p>
            </div>
          </li>
          <li class="li1">
            <div class="lf"></div>
            <div class="rt">
              <h4>平台保障 </h4>
              <p>平台专业，服务不满意，无忧退款 </p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <my-ft></my-ft>
    <div class="sbtc">
      <div class="tcct">
        <h4>查询商标能否注册</h4>
        <span class="close" @click="tcclose()"></span>
        <p class="p1"><input type="text" placeholder="请输入商标名称" id="content2" v-model="content2"></p>
        <p class="p2"><input type="text" placeholder='你的姓名' id="name2" v-model="username2"></p>
        <p class="p3"><input type="text" placeholder='你的电话' id="telphone2" v-model="telphone2"></p>
        <a href="javascript:;" class="ckjg" @click="tjbd2()">查看结果</a>
        <p class="p4"></p>
      </div>
    </div>
    <div class="bdtjtc">
      <span>×</span>
      {{tcmsg}}
    </div>
  </div>
</template>

<script>
  import axios from 'axios';
  import $ from 'jquery';
  export default {
    name: 'HelloWorld',
    data () {
      return {
        nihao:'你好呀',
        selenv:false,
        title:null,
        isTimer:null,
        yqljData:null,
        diyici:0,
        kzzx:0,
        tcmsg:'',
        kzwuyu:0,
        dlzt:'',
        gjname:['工商服务顾问','财税记账顾问','商标知产顾问','社保人事顾问','社保人事顾问','资质商城顾问','工商服务顾问','工商服务顾问','财税记账顾问','财税记账顾问'],
        gjdata:null,
        xqyfwsj:'',
        eeee:1,
        xianid:null,
        swiperOption: {
          loop: true,
          slidesPerView: 5,
          centeredSlides: true,
          autoplay:{
            delay:5000,
            disableOnInteraction:false,
            spaceBetween:5000,
            loop:true,
          },
          pagination: {
            el: '.swiper-pagination',
            dynamicBullets: true
          },
          on: {
            slideChange() {
            },
            tap() {
            }
          }
        },
        fuwu:1,
        sjsz:[],
        xh:[4,7,9,14,4,2,3,3,3,3,2,2,2,6,3,5,20,2,5,5,6,1],
        tbsj:[[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[]],
        msg: '企业邦-您身边的企业经营资质助手',
        shu:[5,5,5.5,5.3,4.5,2],
        navshu:[],
        lxid:0,
        lxid2:0,
        cityid:0,
        kzdq:0,
        kzdq1:'',
        province:'',
        price:'',
        ywid:'',
        kdj:0,
        citys:[],
        diquname1:'',
        shengname:'请选择城市',
        seleshiname:'',
        shiname:'请选择县区',
        seleshicity:'',
        shiid:'',
        xianqu:[],
        xianname:'',
        rmfw:null,
        username:'',
        telphone:'',
        xiangqingms:'',
        username2:'',
        telphone2:'',
        content2:'',
        content:'请立即回电',
        fwgj:null,
        rmwd:[{
          servicename:'',
          remark:''
        },{
          servicename:'',
          remark:''
        },{
          servicename:'',
          remark:''
        },{
          servicename:'',
          remark:''
        },{
          servicename:'',
          remark:''
        }],
        gj1:'select',
        jssz:0,
        xqdata:null,
        gj2:'',
        fwnr:[{
          h4:'公司名称变更',
          h4sp:'变更公司名称，并重新刻制一套印章',
          nr:'1、完成公司名称变更；2、重新刻制公章、财务章、合同章、发票章；3、免费更换新版营业执照；',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'15-20个工作日',
          sm:'北京：988元',
          zb:'1、企业公章、执照等基础材料；2、 3-5个公司新名称；'
        },{
          h4:'法人、高管或注册资本变更',
          h4sp:'最基础的工商变更，一次可变更多项',
          nr:'1、完成工商部门变更；2、重领取新营业执照；3、免费更换新版营业执照；',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'15-20个工作日',
          sm:'北京：788元',
          zb:'1、法人、高管身份信息；2、注册资本变更情况；3、企业证章等基础材料；'
        },{
          h4:'公司经营范围变更',
          h4sp:'不涉及审批的公司经营范围变更，可以一次进行多项调整',
          nr:'1、完成工商登记的经营范围变更；2、重领取新营业执照；3、免费更换新版营业执照；',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'15-20个工作日',
          sm:'北京：788元',
          zb:'1、拟定的经营范围；2、企业的基础材料；'
        },{
          h4:'公司注册地址变更',
          h4sp:'不包括跨区的地址变更，仅限于同区内迁移',
          nr:'1、完成工商登记的地址变更及税务部门的备案（不含税务迁出、变更）；2、更换新营业执照；',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'15-20个工作日',
          sm:'北京：788元',
          zb:'1、新地址房产信息复印件材料；2、企业章证的基础材料；'
        },{
          h4:'公司股权变更',
          h4sp:'与普通变更相比，股权变更涉及工商和税务部门的多次变更，更加复杂。企业邦会为您一次性完成全部变更，您只需按要 求提供资料即可。',
          nr:'1、完成税务机关的股权变更',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'30个工作日',
          sm:'北京：3000元',
          zb:'1、股权转让协议；2、企业基础材料；3、股东身份证明材料；'
        },{
          h4:'公司章证遗失补办',
          h4sp:'为客户完成公司印章、证件遗失补办。',
          nr:'1、登报，挂失等报备流程；2、工商代办新印章、证件；',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'30个工作日',
          sm:'北京：3000元',
          zb:'1、股权转让协议；2、企业基础材料；3、股东身份证明材料；'
        }]


      }
    },
    async asyncData ({ params }) {

    let nh = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Header/headerData`);
    let nh3 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Service/serviceDetailsData`,{
      params:{
        serviceid:params.id
      }});
    let nh4 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Receptionist/receptionistData`,{
      params:{
        serviceid:params.id
      }});
    let nh5 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Service/popularData`);

    let data  = {nav:nh.data,xqdata:nh3.data,gj:nh4.data,rmfw:nh5.data};
    return { title: data}
  },
  mounted:function(){
    var _this = this;
    var eeee = 1;
    let a = document.cookie;
    let cookie = '';
    // console.log(this.title.gj);
    if(a.indexOf('userinfoRes')!=-1){
      let b = a.split('userinfoRes=');
      let c = b[1].split(';');
      cookie = c[0];
    }
    this.dlzt = cookie;
    this.diquname1 = this.title.xqdata.defaultRes.provincename;
    this.citys = this.title.xqdata.provinceRes;
    this.ywid = this.$route.params.id;
    this.price = this.title.xqdata.defaultRes.price;
    if(this.title.xqdata.fourServiceRes){
      _this.$axios.get('api/PInterface/Service/serviceDetailsData',{
        params:{
          serviceid:_this.title.xqdata.fourServiceRes[0].id
        }
      })
        .then(function(response){
          _this.price = response.data.defaultRes.price;
        });
    }
    this.shengname = this.title.xqdata.defaultRes.provincename;
    this.seleshiname = this.title.xqdata.defaultRes.cityname;
    this.seleshicity = this.title.xqdata.defaultRes.city;
    this.shiname = this.title.xqdata.defaultRes.cityname;
    this.xianqu = this.title.xqdata.cityRes;
    this.shiid = this.title.xqdata.defaultRes.city;
    this.province = this.title.xqdata.defaultRes.province;
    var nh = this.title.xqdata.twoServiceRes.infocode;
    for(let i=0;i<this.title.xqdata.threeServiceRes.length;i++){
      if(this.title.xqdata.threeServiceRes[i].id == this.$route.params.id){
        this.lxid = i;
        nh = this.title.xqdata.threeServiceRes[i].infocode
      }
      // nh = this.title.xqdata.threeServiceRes[lxid].infocode;
    }
    if(nh == null){
      var nh = this.title.xqdata.twoServiceRes.infocode;
      if(nh == null){
        nh = this.title.xqdata.threeServiceRes[0].infocode;
      }
    }
    var nh1 = '' +nh;
    var nh2= this.unescape(nh1);
    this.xqyfwsj = nh2;
    $(document).ready(function(){
      $('.xqct a.li1').addClass('select');
      $('.xqct .xqct1 .left .dq div .xz1:before').click(function(){
        if(this.kzdq==0){
          this.kzdq1='select';
          this.kzdq=1;
          this.kzwy = 1;
          event.stopPropagation();
        }else if(this.kzdq==1){
          this.kzdq1='';
          this.kzdq = 0;
          event.stopPropagation();
        }
        event.stopPropagation();
      });
      $('.xqct .sk1.sk.sk11').addClass('select');
      $('.xqct a.li1').hover(function(){
        $('.xqct a.li1').addClass('select');
        $('.xqct a.li2').removeClass('select');
        $('.xqct .sk1.sk.sk11').addClass('select');
        $('.xqct .sk1.sk.sk12').removeClass('select');
      });

      if(_this.$route.params.id == 65){
        $('.cwsj1').addClass('select');
        $('#fw8').html('<div class="swjsy"></div>');
      }
      if(_this.$route.params.id == 94){
        $('#fw8').html('<div class="rjzzq"></div>');

      }

      $('.xqct a.li2').hover(function(){
        $('.xqct a.li2').addClass('select');
        $('.xqct a.li1').removeClass('select');
        $('.xqct .sk1.sk.sk12').addClass('select');
        $('.xqct .sk1.sk.sk11').removeClass('select');
      });
      $('.xqzjdl2 ul.nav li').hover(function(){
        $('.xqzjdl2 ul.nav li').removeClass('select');
        $(this).addClass('select');
      });
      $('.xqzjdl2 ul.nav .li1').hover(function(){
        $('.xqzjdl .nrr').removeClass('select');
        $('.xqzjdl .nrr1').addClass('select');
      });
      $('#fwjs1 .xqzc5 li:eq(1) p').html('完成公司注册，需先<br/>办理税务报道，成立<br/>后第一个月起，需要<br/>会计每月记账报税');
      $('.xqzjdl2 ul.nav .li2').hover(function(){
        $('.xqzjdl .nrr').removeClass('select');
        $('.xqzjdl .nrr2').addClass('select');
      });
      $('.xqzjdl2 ul.nav .li3').hover(function(){
        $('.xqzjdl .nrr').removeClass('select');
        $('.xqzjdl .nrr3').addClass('select');
      });

      $('.xqzx .fw a.li1').text('内资公司注销');
      $('.xqjz .xqjz4 .p1').text('注：服务内容因政策、地区不同有所区别，详情请咨询税务顾问');
      $('.xqdb .xqdb1 h4 span').text('新企业需完成税控办理及票种核定后，才能开具发票');
      $('.xqzx .sk11 h4').html('内资公司注销<span class="fksp">公司结束运营后必须注销，若不管不顾导致吊销，会被罚款或上政府黑名单，影响个人信用。以上费用不包含政府罚款及其 他官方费用。</span>');
      $('.cwsj1 .xqdb1 h4 span').text('税审报告必须由专业会计师事务所出具，企业邦选择有经验的会计师事务所，为您提供专业服务。');


      $('.txdljz2 ul.nav li').hover(function(){
        $('.txdljz2 ul.nav li').removeClass('select');
        $(this).addClass('select');
      });
      $('.txdljz2 ul.nav .li1').hover(function(){
        $('.txdljz2 .pp').removeClass('select');
        $('.txdljz2 .pp1').addClass('select');
      });
      $('.txdljz2 ul.nav .li2').hover(function(){
        $('.txdljz2 .pp').removeClass('select');
        $('.txdljz2 .pp2').addClass('select');
      });
      $('.txdljz2 ul.nav .li3').hover(function(){
        $('.txdljz2 .pp').removeClass('select');
        $('.txdljz2 .pp3').addClass('select');
      });
      $('.txdljz2 ul.nav .li4').hover(function(){
        $('.txdljz2 .pp').removeClass('select');
        $('.txdljz2 .pp4').addClass('select');
      });
      $('.txdljz2 ul.nav .li5').hover(function(){
        $('.txdljz2 .pp').removeClass('select');
        $('.txdljz2 .pp5').addClass('select');
      });
      $('.txdljz2 ul.nav .li6').hover(function(){
        $('.txdljz2 .pp').removeClass('select');
        $('.txdljz2 .pp6').addClass('select');
      });

    });

  },
  computed: {
    loadList() {
      return (type) => {
        let newData = [];
        this.title.nav.threeServiceData.forEach(item => {
          if(item.pid == type) {
          newData.push(item);
        }
      });
        return newData;
      };
    }
  },head () {
    let hdu = null;
    if(this.$route.params.id == this.title.xqdata.twoServiceRes.id){
      hdu =this.title.xqdata.twoServiceRes;
    }else{
      for (let i = 0;i<this.title.xqdata.threeServiceRes.length;i++){
        if(this.title.xqdata.threeServiceRes[i].id ==  this.$route.params.id){
          hdu = this.title.xqdata.threeServiceRes[i];
          this.lxid = i;
        }
      }
    }
    return {
      title: hdu.title+'-企业邦',
      meta: [
        { hid: 'description', name: 'description', content: hdu.descript },
        { hid: 'keywords', name: 'keywords', content:hdu.keyword}
      ]
    }
  },methods:{
    unescape:function (html) {
      return html
        .replace(html ? /&(?!#?\w+;)/g : /&/g, '&amp;')
        .replace(/&lt;/g, "<")
        .replace(/&gt;/g, ">")
        .replace(/lt;/g, "<")
        .replace(/gt;/g, ">")
        .replace(/quot;/g, "'")
        .replace(/nbsp;/g, "")
        .replace(/&amp;/g, "")
        .replace(/&'/g, "'")
        .replace(/~\/assets\//g, "https://www.qiyebang.net.cn/")
        .replace(/&quot;/g, "\"")
        .replace(/&#39;/g, "\'")
        .replace(/\/UEditOR/g, 'https://exam.zhonghaiqihang.com/UEditOR')

    },
    tzym:function(e){
    },
    djsheng:function(){
      $('.nrul').removeClass('select');
      $('.nrul1').addClass('select');
      $('.xqct1 .div2 ul.wb .li').removeClass('select');
      $('.xqct1 .div2 ul.wb .li1').addClass('select');

    },
    qhgj:function(e){

      if(e == 1){
        $('.fwjy li').removeClass('select');
        $('.fwjy .li1').addClass('select');
        $('.qhgj a').removeClass('select');
        $('.qhgj .a1').addClass('select');
      }else if(e == 2){
        $('.fwjy li').removeClass('select');
        $('.fwjy .li2').addClass('select');
        $('.qhgj a').removeClass('select');
        $('.qhgj .a2').addClass('select');
      }
    },
    djlx:function(e,e2,e3){
      this.$router.push('/ServiceDetails/'+e+'?name='+e3.pid);
      window.clearInterval();
      return;


    },
    djlx2:function(e,e2,e3){
      this.lxid2 = e2;
      var _this = this;
      if(e2==1&&_this.$route.params.id == 94){
        $('#fw8').html('<div class="wlyx"></div>');
      }else if(e2==0&&_this.$route.params.id == 94){
        $('#fw8').html('<div class="rjzzq"></div>');

      }

      _this.$axios.get('api/PInterface/Service/serviceDetailsData',{
        params:{
          serviceid:e
        }
      })
        .then(function(response){
          _this.xqdata = response.data;
          _this.ywid = e;
          _this.price = response.data.defaultRes.price;
        });

    },
    xqbg:function(e){
      $('.qhgj a').removeClass('select');
      $('.qhgj .'+e).addClass('select');
    },
    djcitys:function(e,e2,e3){
      var _this = this;
      let id = _this.ywid;
      let url = 'serviceid='+id+'&province='+this.province;

      $('.shil').removeClass('select');
      $('.shil'+e2).addClass('select');
      this.shengname = e3;

      _this.$axios.post('api/PInterface/Service/getCityData','serviceid='+id+'&province='+e
      )
        .then(function(response){
          _this.xianqu = response.data;
        });
    },
    djcitys2:function(e){
      var _this = this;
      $('.nrul').removeClass('select');
      $('.nrul2').addClass('select');
      $('.xqct1 .div2 ul.wb .li').removeClass('select');
      $('.xqct1 .div2 ul.wb .li2').addClass('select');
      let id = this.ywid;
      _this.$axios.post('api/PInterface/Service/getCityData','serviceid='+id+'&province='+_this.province
      )
        .then(function(response){
          _this.xianqu = response.data;
          // _this.price = response.data.
          for(let i = 0; i<response.data.length;i++){
            if(_this.diyici==0&&_this.seleshicity==response.data[i].city){
              _this.price = response.data[0].price;
              $('.xian'+i).addClass('select');
              _this.diyici=1;
            }
            if(response.data[i].city == e){
              _this.price = response.data[i].price;
              _this.shiname = response.data[i].cityname;
              _this.shiid = resonse.data[i].city;
            }
          }
        });


    },
    djcitys3:function(e,e2,e3){
      $('.xian').removeClass('select');
      $('.xian'+e2).addClass('select');
      let id = this.ywid;
      var  _this = this;
      for(let i = 0; i<this.xianqu.length;i++){
        if(this.xianqu[i].city == e){
          _this.price = this.xianqu[i].price;
          this.xianid = i;
          this.shiname = this.xianqu[i].cityname;
          this.seleshiname = this.xianqu[i].cityname;

        }
      }
      this.shiname = e3;
      _this.$axios.post('api/PInterface/Service/getAreaData','serviceid='+id+'&city='+e
      )
        .then(function(response){

        });
    },
    kzdqfc:function(e){

      if(this.kzdq==0){
        this.kzdq1='select';
        this.kzdq=1;
        this.kzwy = 1;

        event.stopPropagation();
      }else if(this.kzdq==1){
        this.kzdq1='';
        this.kzdq = 0;
        event.stopPropagation();
      }
      event.stopPropagation();

    }
  ,
    kzdqfc3:function(e){
      this.kzdq1='select';
      this.kzdq=1;
      this.kzwy = 1;
      event.stopPropagation();
    }
  ,
    kzdqfc2:function(e){
      if(this.kzwy == 1){
        this.kzdq1='';
        this.kzdq = 0;
        this.kzwy = 0;
      }
    }
  , tjbd:function(e){
      if(this.username =='' || this.telphone == ''){
        alert('信息填写不完整');
        return false;
      }
      //
      var regex= /^1[3|4|5|6|7|8|9][0-9]{9}$/;
      if(!regex.exec(this.telphone)){
        alert('手机号码格式错误');
        return false;
      }
      var _this = this;
      var sj;
      if(this.$route.query.name){
        sj = 'username='+this.username+'&telphone='+this.telphone+'&content='+this.xiangqingms+'&serviceid='+this.$route.query.name
      }else{
        sj = 'username='+this.username+'&telphone='+this.telphone+'&content='+this.xiangqingms+'&serviceid='+'';
      }
      _this.$axios.post('/api'+'/PInterface/Form/formSubmitInterface',sj)
        .then(function(response){
          if(response.data == 'execute_success'){
            _this.tcmsg = '提交成功,稍后会有人员与你联系';
            $('.bdtjtc').addClass('select');
            $('.bdtjtc').fadeIn(0);
            $('.bdtjtc').fadeOut(2500);
            _this.username = '';
            _this.telphone = '';
            _this.xiangqingms = '';
          } else if(response.data == 'telphone_is_null'){
            _this.tcmsg = '电话是空值';
            $('.bdtjtc').addClass('select');
            $('.bdtjtc').fadeIn(0);
            $('.bdtjtc').fadeOut(2500);
          }else if(response.data == 'serviceid_error'){
            _this.tcmsg = '业务id错误';
            $('.bdtjtc').addClass('select');
            $('.bdtjtc').fadeIn(0);
            $('.bdtjtc').fadeOut(2500);
          }else if(response.data == 'telphone_type_error'){
            _this.tcmsg = '电话类型错误';
            $('.bdtjtc').addClass('select');
            $('.bdtjtc').fadeIn(0);
            $('.bdtjtc').fadeOut(2500);
          }else if(response.data == 'execute_error'){
            _this.tcmsg = '执行错误';
            $('.bdtjtc').addClass('select');
            $('.bdtjtc').fadeIn(0);
            $('.bdtjtc').fadeOut(2500);
          }
        });
    },
    tjbd2:function(e){
      if(this.username2 =='' || this.telphone2 == ''){
        alert('信息填写不完整');
        return false;
      }
      //
      var regex= /^1[3|4|5|6|7|8|9][0-9]{9}$/;
      if(!regex.exec(this.telphone2)){
        alert('手机号码格式错误');
        // $("#shouji2").focus();
        return false;
      }
      var _this = this;
      var sj;
      if(this.$route.query.name){
        sj = 'username='+this.username2+'&telphone='+this.telphone2+'&content='+this.content2+'&serviceid='+this.$route.query.name
      }else{
        sj = 'username='+this.username2+'&telphone='+this.telphone2+'&content='+this.content2+'&serviceid='+'';
      }
      _this.$axios.post('/api'+'/PInterface/Form/formSubmitInterface',sj)
        .then(function(response){
          if(response.data == 'execute_success'){
            _this.username2 = '';
            _this.telphone2 = '';
            _this.content2 = '';
            $('.sbtc').removeClass('select');
            window.open('/Success','_self')

          } else if(response.data == 'telphone_is_null'){
            alert('电话是空值');
          }else if(response.data == 'serviceid_error'){
            alert('业务id错误');
          }else if(response.data == 'telphone_type_error'){
            alert('电话类型错误');
          }else if(response.data == 'execute_error'){
            alert('执行错误');
          }
        });
    },
    tctcff:function() {
      $('.sbtc').addClass('select');
    },
    tcclose:function(){
      $('.sbtc').removeClass('select');
    },
    xqymtz:function(e1,e2){
      let href = 'https://www.qiyebang.net.cn/ServiceDetails/'+e1+'?name='+e2;
      window.open(href,'_blank');
    }

  }
  }
</script>

<style>

</style>
